<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
    //Location
    //该对象中封装了浏览器地址栏的信息
    window.onload=function()
    {
        var btn=document.getElementById("btn");
        btn.onclick=function()
        {
            //console.log(location);
            //如果直接将location属性修改为一个完整的路径，或者相对路径
            //则我们页面会自动跳转到列表路径,并且会生成相应的历史记录
            //location="http://www.baidu.com";

            //assign()跳转方法，跟上面的修改地址效果一样，看情况使用
            //location.assign("http://www.baidu.com");

            //reload()用于重新加载当前页面，作用和刷新一样
            //如果再括号中传递一个参数true，则会进行强制清空缓存的刷新页面

            //replace()用当前的文档替换当前的文档
            //括号里传递的新链接参数可替换当前页面，调用完毕后悔跳转页面，但是不能回退
            //也就是不会生成历史记录，不能使用回退按钮回退
        }
    };
    </script>
</head>
<body>
    <button id="btn">按钮一</button>
    <h1>Location</h1>
    <a href="test1.BOM.html">BOM</a>
</body>
</html>